<!--
 * @Author: lihaogn
 * @Date: 2023-05-27 00:09:07
 * @LastEditTime: 2023-05-27 00:09:24
 * @LastEditor: lihaogn
 * @Description: 
 * @FilePath: \lix-practice-css\两个交叉圆环效果\index.html
-->
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>【每日一练】189—CSS 实现两个交叉圆环效果</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <div class="box">
    <div class="circle"></div>
    <div class="circle"></div>
  </div>
</body>

</html>